<template>
    <div class="tuijian">
        <h4>热门分类</h4>
        <ul>
            <li v-for="(item,index) in list" :key="index">
                <img :src="item.img" alt="">
                <span>{{item.text}}</span>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        data(){
            return{
                list:[
                    {
                        img:'//img11.360buyimg.com/focus/s140x140_jfs/t1/117080/5/10502/18158/5ef0103eE416ae569/898a7ac882ba6c63.jpg',
                        text:'空调'
                    },
                    {
                        img:'//img10.360buyimg.com/focus/s140x140_jfs/t1/119891/13/5448/24096/5ef01048E096cfd33/260803efca5e8a73.jpg',
                        text:'冰箱'
                    },
                    {
                        img:'//img12.360buyimg.com/focus/s140x140_jfs/t1/131424/31/274/19042/5ecb3bc2E96ef8448/0188085e6fd6cd12.png',
                        text:'电脑'
                    },
                    {
                        img:'//img14.360buyimg.com/focus/s140x140_jfs/t27136/183/1628977274/31007/a6f7ed55/5be6ebd8Nb07ef492.png',
                        text:'手机'
                    },
                    {
                        img:'//img20.360buyimg.com/focus/s140x140_jfs/t1/86638/37/11918/19572/5e3e4307E7606f742/0210ac72c0d9275e.jpg',
                        text:'全面屏手机'
                    },
                    {
                        img:'//img30.360buyimg.com/focus/s140x140_jfs/t1/134182/23/366/16758/5eccb3caE2b8d0c6d/7ab40f9d9441a2a5.jpg',
                        text:'保健品'
                    },
                    {
                        img:'//img20.360buyimg.com/focus/s140x140_jfs/t1/102972/19/11837/14987/5e3d8bdaEc8ffe21e/6119d3f773fcdacd.jpg',
                        text:'游戏手机'
                    },
                    {
                        img:'//img14.360buyimg.com/focus/s140x140_jfs/t1/114862/21/8081/13361/5ecb398fEc7c98869/4b4101d0acbf4ced.jpg',
                        text:'口罩'
                    },
                    {
                        img:'//img13.360buyimg.com/focus/s140x140_jfs/t1/136893/38/305/31308/5ecb84dcE410bc59a/36568e70a84f8807.jpg',
                        text:'驱蚊用品'
                    },
                    {
                        img:'//img13.360buyimg.com/focus/s140x140_jfs/t1/120301/21/3027/11815/5ecb80a8Ed94ec15d/c20f3541c5618e17.jpg',
                        text:'电磁炉'
                    },
                    {
                        img:'//img10.360buyimg.com/focus/s140x140_jfs/t1/111738/8/8168/9785/5ecb40ccE19924aec/1a1a91827d0f07ba.jpg',
                        text:'电热水壶'
                    },
                    {
                        img:'//img11.360buyimg.com/focus/s140x140_jfs/t1/113143/20/8135/9835/5ecb81ccE22407538/e9a80b7af28e83a6.jpg',
                        text:'数据线'
                    },
                    {
                        img:'//img14.360buyimg.com/focus/s140x140_jfs/t1/131006/3/360/19831/5eccb047E2e95a92e/b425dc4923a20c15.jpg',
                        text:'图书'
                    },
                    {
                        img:'//img12.360buyimg.com/focus/s140x140_jfs/t1/116006/32/8107/3290/5ecb3fb1Eaf924484/552f5b1d08d42fee.jpg',
                        text:'美妆护肤'
                    },
                    {
                        img:'//img20.360buyimg.com/focus/s140x140_jfs/t1/104017/10/11956/27906/5e3e8936E54437217/e5905d3b63d5f6fb.jpg',
                        text:'除菌液'
                    },
                    {
                        img:'//img20.360buyimg.com/focus/s140x140_jfs/t1/129461/33/2827/16392/5ecb3dd2E2d178436/c4cd36d661e91665.jpg',
                        text:'休闲零食'
                    },
                    {
                        img:'//img10.360buyimg.com/focus/s140x140_jfs/t1/106781/8/11928/23561/5e3e833fE92c281f5/72b834ead18b6462.jpg',
                        text:'充电宝'
                    },
                    {
                        img:'//img12.360buyimg.com/focus/s140x140_jfs/t1/96627/6/11719/15770/5e3e83b6E05b80eea/76b39555bc2d2a89.jpg',
                        text:'体温计'
                    },
                    {
                        img:'//img11.360buyimg.com/focus/s140x140_jfs/t1/97873/26/11984/16170/5e3e878eE3d6f29d8/820c61d6be7faf12.jpg',
                        text:'投影机'
                    },
                    {
                        img:'//img20.360buyimg.com/focus/s140x140_jfs/t1/96008/21/11832/14563/5e3e883fE941b27f7/e073dd6dd02ecd02.jpg',
                        text:'游戏机'
                    },
                ]
            }
        }
    }
</script>

<style lang="scss" scoped>
    .tuijian{
        h4{
            font-size: 32px;
            margin: 12px;
        }
        ul{
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            li{
                width: 33%;
                margin-bottom: 30px;
                display: flex;
                flex-direction: column;
                // justify-content: space-around;
                align-items: center;
                img{
                    width: 140px;
                    height: 140px;
                }
                span{
                    font-size: 24px;
                }
            }
        }
    }
</style>